<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HCI官方网站</title>
    <link rel="stylesheet" href="../css/reset.css" type="text/css">
    <link rel="stylesheet" href="../css/layout.css" type="text/css">
    <link rel="stylesheet" href="../css/common.css" type="text/css">
    <link rel="stylesheet" href="../css/artical.css" type="text/css">
  </head>
  <body>
    <!-- header开始 -->
    <div id="header" class="navbar-fixed-top">
      <div id="nav-container" class="container">
        <a id="main-nav-toggle" class="nav-icon"></a>
        <!-- navbar开始 -->
        <ul id="main-navbar" class="navbar">
          <li><a href="javascript:void(0)">站点</a></li>
          <li><a href="javascript:void(0)">主题</a></li>
          <li><a href="javascript:void(0)">归档</a></li>
          <li><a href="javascript:void(0)">关于我们</a></li>
          <li id="sign-in"><a href="javascript:void(0)">登录</a></li>
          <li id="register"><a href="javascript:void(0)">注册</a></li>
        </ul>
        <!-- navbar结束 -->
      </div>
    </div>
    <!-- header结束 -->

    <!-- 主题开始 -->
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span6 left">
          <!-- 博文编辑开始 -->
          <div class="block-wrap post-edit">
            <h4 class="title"><a href="javascript:void(0)">发表博文</a></h4>
              <form class="post-form" role="form" method="post">
                <div class="form-group-lg form-group">
                  <label>文章标题：</label>
                  <input id="title" type="text" value="" name="title" maxlength="20"/>
                </div>
                <div class="form-group-lg form-group">
                  <label>博文类别：</label>
                  <input id="categories" type="text" value="" name="categories"/>
                </div>
                <div class="form-group-lg form-group">
                  <label>标签云：</label>
                  <input id="tags" type="text" value="" name="tags"/>
                </div>
                <div class="form-group-lg form-group border-top">
                  <h4>博文编辑框（支持markdown）：</h4>
                  <textarea id="post"></textarea>
                  <textarea id="post-html" class="hidden"></textarea>
                </div>
                <a class="btn" onclick="preview()">预览</a>
                <button id="press" class="btn">发表</button>
                <button class="btn" type="reset">重置</button>
              </form>
            </div>
          </div>
          <!-- 博文编辑结束 -->
        </div>

        <div class="span6 right">
          <!-- 博文预览开始 -->
          <div class="block-wrap artical-body">
              <iframe id="win" name="win" src="./articalBody.html" onload="SetWinHeight(this)" frameborder="0" scrolling="no"></iframe>
              <script type="text/javascript" src="../js/markdown.js"></script>
            </div>
          </div>
          <!-- 博文预览结束 -->
        <div class="clear"></div>
      </div>
    </div>
    <!-- 主题结束 -->

    <!-- footer开始 -->
    <div id="footer">
      <div class="outer">
        <div id="footer-info" class="inner">
          &copy; 2015 HCI
          Powered by <a href="http://scauhci.github.io" target="_blank">@HCI</a>
        </div>
      </div>
    </div>
    <!-- footer结束 -->
    <script type="text/javascript" src="../js/script.js"></script>
    <script type="text/javascript" src="../js/PostEdit.js"></script>
  </body>
</html>